<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<link rel="stylesheet" type="text/css" media="screen" href="#{facesContext.externalContext.requestContextPath}/templates/communication/menu/superfish.css" /> 

	<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/templates/communication/menu/hoverIntent.js"/> 
	<script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/templates/communication/menu/superfish.js"/> 
 
	<script type="text/javascript"> 
 		$(document).ready(function(){ 
			$("ul.sf-menu").superfish(); 
		}); 
 	</script>
	
	<h:form>
	<ul class="sf-menu">
		<li><h:commandLink value="Cadastros" />
		<ul>
			<li><h:commandLink value="#{msg.sorteios}" action="#{sorteioFace.novo}" /></li>
		</ul>
		</li>
		<li><h:commandLink value="Movimentação" />
			<ul>
				<li><h:commandLink value="Função 1 do sistema" /></li>
				<li><h:commandLink value="Função 2 do sistema" /></li>
			</ul>
		</li>
		<li><h:commandLink value="Relatórios" />
			<ul>
				<li><h:commandLink value="Sorteios" 
					action="#{sorteioFace.novo}" /></li>
			</ul>
		</li>
		<li><h:commandLink value="Sair" 
			action="#{loginFace.sair}" /></li>

	</ul>
	
	<!-- Load the Mootools Framework -->
	<script src="http://www.google.com/jsapi"></script>
	<script>google.load("mootools", "1.2.1");</script>	
	
	<!-- Load the MenuMatic Class -->

	<script src="#{facesContext.externalContext.requestContextPath}/templates/communication/menu/js/MenuMatic_0.68.3.js" type="text/javascript" charset="utf-8"></script>
	
	<!-- Create a MenuMatic Instance -->
	<script type="text/javascript" >
		window.addEvent('domready', function() {			
			var myMenu = new MenuMatic();
		});		
	</script>
	
	</h:form>

</ui:composition>